<!-- **
 * Right_index.html
 * 
 * Copyright 2013, The RIGHT team
 * Licensed under the MIT or GPL Version 2 licenses.
 *
 * Copyright (C) 2013 by The RIGHT team
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 */
 -->
<!DOCTYPE HTML>
<html>    
    <head>    
        <meta charset="UTF-8">
        <title>RIGHT, R-Interactive-Graphics-via-HTml</title>      
        <link  rel="stylesheet" href="right.css">      
    </head>
   
    <body>    
                <script src="kinetic-v4.5.4.js"></script>
            <script src="structure.js"></script>
            <script src="common.js"></script>  
            <script src="scatter.js"></script>
            <script src="hist.js"></script>
            <script src="box.js"></script>
            <script src="node_event.js"></script>
                   
            <script>    createMainStructure("diamonds-from-R_1K.csv");</script>                    
             
        <div id="head"  >
                        <div class="wrap">      
                                <h1>RIGHT, R-Interactive-Graphics-via-HTml</h1><br><br>
                                <script src="search.js"></script>
                                <form id="searchForm1">                                
                                        <input type="text" id ="searchBox" name = "searchId"  placeholder="Please input boolean statement..."  onkeydown="if (event.which || event.keyCode){if ((event.which == 13) || (event.keyCode == 13)) {booleanSearch(searchForm1);  printAns(); return false;}};"></input>
                                        <a id="searchBtn" href="#" class="myButton" onClick ="booleanSearch(searchForm1); printAns(); return false;">Search</a>
                                        <a id="clearBtn" href="#" class="myButton"  onClick ="clearSearchBox(); return false;">Clear</a><br>
                                        <a id="showTable" href="#" class="myButton" onClick =" return false;">Show Table</a>    
                                        <a id="hideTable" href="#" class="myButton" onClick =" return false;">Hide Table</a>
                                </form>
                        </div>                  
                </div>
               
        <div id="content">              
                <div id="scatterContainer1" oncontextmenu="return false;"></div>
                        <div id="histContainer2" oncontextmenu="return false;"></div>
                </div>
       
                <script>                
                        var scatter01 = new Scatter(mainArr, {  x:'carat',y:'price', color:'color',width:300, height:300, legend:'left'});
                        scatter01.draw(1);
                        eventTrigger(scatter01);                
                        var hist02 = new Hist(mainArr, { bin: 2 , x:'cut', width:300, height:300 });
                        hist02.draw(2);
                        eventTrigger(hist02);                  
                </script>    
               
                <script src="table.js"></script>
               
        <div id="footer">
                <div class="wrap2">    
                                <p> Created by <a href="#">RIGHT</a> </p>
                                <p> Copyright &copy; 2013 <a href="#">RIGHT team</a></p>                
                        </div>                  
                </div>
               
                <script src="button_event.js"></script>    
    </body>
</html>

